<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Online Learning</title>
<link rel="stylesheet" href="__STATIC__/static/user/css/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/static/user/css/flexslider.css">
<link rel="stylesheet" href="__STATIC__/static/user/css/jquery.fancybox.css">
<link rel="stylesheet" href="__STATIC__/static/user/css/main.css">
<link rel="stylesheet" href="__STATIC__/static/user/css/responsive.css">
<link rel="stylesheet" href="__STATIC__/static/user/css/animate.min.css">
<link rel="stylesheet" href="__STATIC__/static/user/css/font-icon.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>

<body>
<!-- header section -->
<section class="banner" role="banner">
<!--header navigation -->
  <header id="header">
    <div class="header-content clearfix"> <a class="logo" href="all.html"><img src="__STATIC__/static/user/images/logo.png" alt=""></a>
      <nav class="navigation" role="navigation">
        <ul class="primary-nav">
		  <li><a href="../../learn/index/study">开始学习</a></li>
        </ul>
      </nav>
      <a href="#" class="nav-toggle">Menu<span></span></a> </div>
      </header>
      <!--header navigation -->
  </section>
  <!-- header section -->
  <!-- text banner section -->
<section id="banner" class="banner no-padding">
  <div class="container-fluid">
    <div class="row no-gutter">
      <div class="flexslider">
        <ul class="slides">
          <li>
            <div class="col-md-12">
              <blockquote>
                <h1>Hello! Wlcome to our online learning.</h1>
                <p>从入门到精通</p>
              </blockquote>
            </div>
          </li>
          <li>
            <div class="col-md-12">
              <blockquote>
                <h1>Hello! Join us immediately.</h1>
                <p>程序员的梦工厂</p>
              </blockquote>
            </div>
          </li>
        </ul>
      </div>
     </div>
  </div>
</section>
<!-- Text banner section -->
<!-- portfolio section -->
<section id="works" class="works section no-padding">
  <div class="container-fluid">
    <div class="row no-gutter">
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-1.jpg" class="work-box"> <img src="__STATIC__/static/user/images/HTML.png" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>HTML教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-2.jpg" class="work-box"> <img src="__STATIC__/static/user/images/js_logo.png" style="height: 270px" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>JavaScript教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-3.jpg" class="work-box"> <img src="__STATIC__/static/user/images/css_logo.png" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>Css教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-4.jpg" class="work-box"> <img src="__STATIC__/static/user/images/AGjs_logo.png" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>AngularJS教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-5.jpg" class="work-box"> <img src="__STATIC__/static/user/images/java_logo.png" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>Java教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-6.jpg" class="work-box"> <img src="__STATIC__/static/user/images/python_logo.png" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>Python教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-7.jpg" class="work-box"> <img src="__STATIC__/static/user/images/php_logo.png" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>PHP教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
      <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="images/work-8.jpg" class="work-box"> <img src="__STATIC__/static/user/images/linux_logo.png" alt="">
        <div class="overlay">
          <div class="overlay-caption">
            <h5>Linux教程</h5>
            <p><i class="fa fa-search-plus fa-2x"></i></p>
          </div>
        </div>
        <!-- overlay -->
        </a> </div>
    </div>
  </div>
</section>
<!-- portfolio section -->
  <!-- footer -->
<footer class="section footer">
  <div class="footer-bottom">
    <div class="container">
      <div class="col-md-12">
        <p>
        <ul class="footer-share">
          <li><a href="#"><i class="fa fa-wechat"></i></a></li>
          <li><a href="#"><i class="fa fa-qq"></i></a></li>
          <li><a href="#"><i class="fa fa-weibo"></i></a></li>
          <li><a href="#"><i class="fa fa-phone"></i></a></li>
        </ul>
        </p>
        <p>© 2017 All rights reserved. All Rights Reserved<br>
          <a href="http://www.cqgcxy.com:804/">重庆工程学院软件与计算机学院</a>版权所有</p>
      </div>
    </div>
  </div>
</footer>
<!-- footer -->
<!-- JS FILES -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="__STATIC__/static/user/js/bootstrap.min.js"></script>
<script src="__STATIC__/static/user/js/jquery.flexslider-min.js"></script>
<script src="__STATIC__/static/user/js/jquery.fancybox.pack.js"></script>
<script src="__STATIC__/static/user/js/jquery.waypoints.min.js"></script>
<script src="__STATIC__/static/user/js/retina.min.js"></script>
<script src="__STATIC__/static/user/js/modernizr.js"></script>
<script src="__STATIC__/static/user/js/main.js"></script>
</body>
</html>

